/**
author: sailing
date: 2016/12/24
**/

<style lang='less'>
.messageCss{
  height: 50px;
  line-height:50px;
  width: 100%;
   background:#eeeeee;
  .ulList{
    
    .liList{
      display:inline-block;
      margin-left:20px;
    }
  }
}
</style>

<template>
<div class='messageCss'>
 <ul class='ulList'>
   <li class='liList'>
     <label>光缆名称 :</label>
     <span>{{element.name}}</span>
   </li>
   <li class='liList'>
     <label>起始站 :</label>
     <span>{{element.start}}</span>
   </li>
   <li class='liList'>
     <label>终点站 :</label>
     <span>{{element.end}}</span>
   </li>
   <li class='liList'>
     <label>芯数 :</label>
     <span>{{element.cores}}</span>
   </li>
   <li class='liList'>
     <label>创建日期 : </label>
     <span>{{element.create_time}}</span>
   </li>
 </ul>
</div>
</template>

<script>
import eventBus from '../../eventBus'
export default {
  data () {
    return {
      element: {}
    }
  },
  mounted () {
    const that = this
    eventBus.bus.$on('showAllPort', function (data) {
      that.element = data
    })
  }
}
</script>